<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="circle_style.css"/>
    <style>
        .right_pic{
            width: 120px;
            height: 80px;
            float: right;
            margin-top: -60px;
        }
        .left_card{
            height: 100%;
            width: 60%;
        }

    </style>
</head>

<body>
<section class="aui-content-padded" style="float: left">
    <div class="aui-card-list" onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>
    <div class="aui-card-list whiteDIV"  onclick="openGroupStrategy(1)">
        <div class=" left_card">
            <div class="halfText">
                国庆节出游攻略请看这里</div>
            <div class="halfLabel">摄影·旅游·体验</div>
            <div style="float: left; margin-top:10px;width: 90%;margin-left: 20px">
                <img src="image/aui-icon.png" style="height: 20px;width: 20px; border-radius: 50%; float: left">
                <div class="writer" id="writer_name">大傻喵的-春天</div>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right" >120</span>
                <span class="aui-iconfont aui-icon-home halfCion" style="float: right">120</span>
            </div>
        </div>
        <img src="image/demo4.png" class="right_pic">
    </div>


</section>
</body>

<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>
<script type="text/javascript" src="../../script/dropload.min.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript">
    var tagN ;
    apiready= function () {
        tagN = api.pageParam.circleN;
        getGroupArticle();
    }
    function getGroupArticle() {
        json = {
            "app_version":"",
            "user_id":"e3b3dc8d20b7052f5c0799f3aa4e9f3e",
            "user_cookie":"fd2066e452fa3d60130e227412e51051",
            "tag_id":1,
            "page_size":4
        }
        $.ajax({
            url:'http://1.82.238.228:80/api/group/getArticles/',
            type:'POST',
            data:JSON.stringify(json),
            dataType:'json',
            success:function (ret) {
                alert(JSON.stringify(ret))
            }
        })
    }
    function openGroupStrategy(id) {
        api.openWin({
            name:'strategy_detail'+id,
            url:'circle_strategy_detail.html',
            pageParam:{
                article_id:id
            }
        })
    }
</script>
</html>